<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script src="../../lib/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>
		<script src="../jquery.splite.js" type="text/javascript"></script>
		<link href="../css/redmond/jquery-com-ui.css" type="text/css" rel="stylesheet"/>
		<script type="text/javascript">
			$(function(){
				var spliter = $("#spliter").splite();
			});
		</script>
		<style>
		#spliterdiv ul li {float:left;}
		#spliterul li {float:left;}
		</style>
	</head>
	<body marginheight=0 marginwidth=0 style="overflow:hidden;">
	
		<div >id="spliterdiv"
			<ul id="spliterul">
				<li>
					<div id="left" style="width:200px;height:650px;background-color:#eee;" >
						leftleftleftleftleftleft
					</div>
				</li>
				<li><a href="#" id="spliter"></a></li>
				<li>
					<div id="right" style="width:400px;height:100%;background-color:#eee;" >
						rightrightrightrightrightrightrightrightright
					</div>
				</li>
			</ul>
		</div>
		
		<table style="display:none;"><tr>			
						<td class="inlineCR">
							<div id="left" style="width:200px;height:650px;background-color:#eee;" >
								left
							</div>
						</td>
						<td class="inlineCM"><a href="#" id="spliter2"></a></td>
						<td class="inlineCR">
							<div id="right" style="width:100%;height:100%;background-color:#eee;" >
							right
							</div>
						</td>
					</tr>
		</table>
		
</body>
</html>